<!DOCTYPE html>
<html>
<head>
    <title>Admin</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="/js/jquery-1.8.2.js"></script>
    <script src="/js/basic-operations.js"></script>
    <script src="/js/admin.ui.js"></script>
    <script src="/js/boot.js"></script>
    <script src="/js/logging.js"></script>
    <script src="/js/jquery.mobile-1.2.0.js"></script>
</head>
<body>

<div data-role="page" id="competitionsPage">

    <div data-role="header">
        <h1>Competitions</h1>
    </div><!-- /header -->

    <div data-role="content">
        <p>Competitions</p>
        <ul data-role="listview" data-inset="true" data-filter="false" class="competitionList">
        </ul>

        <a href="#newCompetitionPage" data-role="button" id="new_competition">Nouvelle competition</a>
    </div><!-- /content -->

</div><!-- /page -->
<div data-role="page" id="newCompetitionPage">

    <div data-role="header">
        <h1>Nouvelle competition</h1>
    </div><!-- /header -->

    <div data-role="content">
        <input type="text" name="name" id="new_competition_name_name" value="" placeholder="Nom de la competition" />

        <ul data-role="listview" data-inset="true" data-filter="false" class="teamList">
        </ul>
        <input type="text" name="name" id="new_team_name" value="" placeholder="Nom de l'equipe" />

        <button id="blah">Sauvegarder</button>

    </div><!-- /content -->

</div><!-- /page -->

</body>
</html>
